<template>
  <div>
    <!-- 头部 -->
    <CartHeader/>
    <!-- 内容 -->
    <div class="orderContainer">
      <div class="orderContent">
        <div class="order-info-left">
          <div class="image">
            <img src="https://c1.mifile.cn/f/i/17/static/success.png" alt="" />
          </div>
          <div class="order-info-content">
            <div class="title">订单提交成功！去付款咯～</div>
            <div class="time">
              请在
              <span>0 小时 14 分</span>
              内完成支付, 超时后将取消订单
            </div>
            <span>
              收货信息：aa 159****2179 广东 深圳市 宝安区 深圳市宝安国际机场
              黄田路1111
            </span>
          </div>
        </div>
        <div class="order-info-right">
          <div>
            应付总额：
            <span>{{ this.$route.query.total }}</span>
            <i>元</i>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import CartHeader from '@/components/CartHeader'
export default {
  name: "PaySuccess",
  components:{
    CartHeader
  }
};
</script>

<style lang="less" scoped>
// .el-dropdown-link {
//   cursor: pointer;
//   color: #757575;
// }
// .el-icon-arrow-down {
//   font-size: 12px;
// }
// 内容
.orderContainer {
  width: 100%;
  margin: 0 auto;
  background-color: #f5f5f5;
  padding: 25px 0;
  .orderContent {
    width: 1226px;
    margin: 0 auto;
    padding: 40px 30px;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    .order-info-left {
      display: flex;
      align-items: center;
      .image {
        img {
          width: 84px;
          height: 84px;
        }
      }
      .order-info-content {
        padding-left: 40px;
        .title {
          font-size: 24px;
        }
        .time {
          padding: 15px 0;
          font-size: 14px;
          span {
            color: #ff6670;
          }
        }
        span {
          color: #616161;
          font-size: 14px;
        }
      }
    }
    .order-info-right {
      div {
        span {
          color: #ff6670;
          font-size: 24px;
        }
        i {
          color: #ff6670;
        }
      }
    }
  }
}
</style>
